@keyframes scaning {
	to {
		transform: rotate(360deg);
	}
}

@keyframes heart1 {
    0% {
        transform:translate(0,0)
    }
    60% {
        transform:translate(0,0)
    }
    70%{
        transform:translate(0,10px)
    }
    80%{
        transform:translate(0,0)
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes heart2 {
    0% {
        transform:translate(0,0)
    }
    30% {
        transform:translate(0,0)
    }
    40%{
        transform:translate(0,10px)
    }
    50%{
        transform:translate(0,0)
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes heart3 {
    0% {
        transform:translate(0,0)
    }
    70% {
        transform:translate(0,0)
    }
    75%{
        transform:translate(0,10px)
    }
    80%{
        transform:translate(0,0)
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes heart4 {
    0% {
        transform:translate(0,0)
    }
    20% {
        transform:translate(0,0)
    }
    25%{
        transform:translate(0,10px)
    }
    30%{
        transform:translate(0,0)
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes heart5 {
    0% {
        transform:translate(0,0)
    }
    80% {
        transform:translate(0,0)
    }
    90%{
        transform:translate(0,10px)
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes heart6 {
    0% {
        transform:translate(0,0)
    }
    10% {
        transform:translate(0,10px)
    }
    20%{
        transform:translate(0,0)
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes heart{
    from{
        transform:translate(0,0)
    } to {
        transform:translate(0,10px)
    }
}

// 首页轨道
@keyframes track-one {
    0% {
        transform: rotateX(62deg) rotateY(0deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(62deg) rotateY(0deg) rotateZ(360deg);
    }
}
@keyframes track-one-ball {
    0% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(360deg);
    }
    100% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    }
}
@keyframes track-two {
    0% {
        transform: rotateX(45deg) rotateY(45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(45deg) rotateY(45deg) rotateZ(360deg);
    }
}
@keyframes track-two-ball {
    0% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(215deg);
    }
    100% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(-145deg);
    }
}
@keyframes track-three {
    0% {
        transform: rotateX(45deg) rotateY(135deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(45deg) rotateY(135deg) rotateZ(360deg);
    }
}
@keyframes track-three-ball {
    0% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(-145deg);
    }
    100% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(-505deg);
    }
}

// 接入单位动画
@keyframes unit-jump {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-8px);
    }
    100% {
        transform: translateY(0px);
    }
}

// 加载省略号的动画
@keyframes dot {
    0% { width: 0; margin-right: 1.5em; }
    33% { width: .5em; margin-right: 1em; }
    66% { width: 1em; margin-right: .5em; }
    100% { width: 1.5em; margin-right: 0;}
}

// 语音动效
@keyframes ripple {
    0% {
        height: 100%
    }
    50% {
        height: 20%
    }
	to {
		height: 100%
	}
}

// 光环发光
@keyframes light-wave1 {
    from {
        top: 71px;
        margin-left: -211px;
        opacity: .3;
        // transform: scale(0.77);
        border: 1px solid rgba(35,172,251,1);
    } to {
        top: 12px;
        margin-left: -271px;
        opacity: 0;
        // transform: scale(1);
        border: 60px solid rgba(35,172,251,1);
    }
}
@keyframes light-wave2 {
    0% {
        opacity: .3;
        transform: scale(0.77);
        
    } 
    50% {
        opacity: .2;
        transform: scale(.9);
    }
    100% {
        opacity: .1;
        transform: scale(1);
    }
}
@keyframes light-wave-rotate {
    from {
        margin-top: 75px;
        width: 550px;
        height: 170px;
        margin-left: -275px;
        opacity: .5;
        transform: rotateX(35deg);
    } to {
        margin-top: 62px;
        margin-left: -460px;
        width: 920px;
        height: 315px;
        opacity: 0;
        transform: rotateX(35deg);
    }
}

@keyframes halo {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    100% {
        opacity: 1;
    }
}

@keyframes audio_playing {
	30% {
		background-position: 0px center;
	}
	31% {
		background-position: -18px center;
	}
	61% {
		background-position: -18px center;
	}
	61.5% {
		background-position: -36px center;
	}
	100% {
		background-position: -36px center;
	}
}

// AI云视波纹特效
@keyframes ripple_effect {
    from {
        margin-top: -252.5px;
        margin-left: -252.5px;
        opacity: .3;
        border-width: 1px;
    } to {
        margin-top: -312.5px;
        margin-left: -312.5px;
        opacity: 0;
        border-width: 60px;
    }
}
@keyframes twinkle {
    0% {
        opacity: 1;
    } 
    50% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}
@keyframes base_ripple_effect {
    from {
        scale: 1;
        opacity: .3;
    } to {
        scale: 1.6;
        opacity: 0;
    }
}
@keyframes icon_breathing {
    0% {
        scale: 0.5;
    } 
    50% {
        scale: 1;
    }
    100% {
        scale: 0.5;
    }
}
